<template>
	<div>
		<ul class="ul">
			<li class="li">
				<a href="###">定位失败</a>
			</li>
			<li class="li">
				<a href="###">玩水季</a>
			</li>
		</ul>

		<ul class="men_ul">
			<li class="men_li">
				<a href="###"><img src="http://img1.qunarzz.com/piao/fusion/1806/29/30427c0e0658b502.png" alt="" /></a>
			</li>
			<li class="men_li">
				<a href="###"><img src="http://img1.qunarzz.com/piao/fusion/1806/29/30427c0e0658b502.png" alt="" /></a>
			</li>
		</ul>

		<div class="ben">
			<div class="ben_top">
				<img src="http://img1.qunarzz.com/piao/fusion/1711/16/bfbb9874e8f11402.png" alt="" />
				<span>本周热门榜单</span>
				<a href="###">全部榜单</a>
			</div>
			<ul class="ben_content">
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
				<li>
					<a href="###">
						<div><img src="http://img1.qunarzz.com/piao/fusion/1710/ab/159673b63e6ca702.png" alt="" /></div>
						<div><img src="http://img1.qunarzz.com/sight/p0/1601/7d/7d5ba85cdaeee83a90.img.jpg_150x150_92cb017f.jpg" alt="" /></div>
						<div>台骀山滑世界</div>
						<div>
							<span>￥<em>130</em></span>起
						</div>
					</a>
				</li>
			</ul>
		</div>
		
		
		
		<div class="cai">
			<div class="cai_title">
				<img src="http://img1.qunarzz.com/piao/fusion/1711/89/ebc329f16c55bb02.png" alt="" />
				<span>猜你喜欢</span>
			</div>
			<ul class="cai_content">
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				<li class="cai_content_li">
					<a href="###">
						<div class="div1"><img src="http://img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_200x200_d565de35.jpg" alt="" /></div>
						<div class="div2">可定明日</div>
						<div class="div3">
							<div class="div3_div1"></div>
							<div class="div3_div2">
								<span></span>
								<span>201条评论</span>
							</div>
							<div class="div3_div3">
								<span>￥<em>128</em></span>起
								<span>迎泽区</span>
							</div>
							<div class="div3_div4">
								<div>这里特别受欢迎哟(๑‾ ꇴ ‾๑)</div>
							</div>
						</div>
					</a>
				</li>
				
				
			</ul>
			<a href="###">查看所有产品</a>
			
		</div>
		
		
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.ul {
		width: 100%;
		background: #fff;
		display: flex;
		margin-top: .2rem;
		border-bottom: .2rem solid #ccc;
	}
	
	.ul .li {
		width: 50%;
		height: .98rem;
		border-right: .02rem solid #ccc;
		border-top: .02rem solid #ccc;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ul .li a {
		font-size: .25rem;
		color: #000;
	}
	
	.ul .li:nth-child(2) {
		border-right: none;
	}
	
	.men_ul {
		width: 100%;
		display: flex;
		background: #fff;
		border-bottom: .2rem solid #ccc;
	}
	
	.men_ul .men_li {
		width: 50%;
		height: 1.4rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.men_ul .men_li:nth-child(1) {
		border-right: .02rem solid #ccc;
	}
	
	.men_ul .men_li a img {
		width: 80%;
		height: 100%;
	}
	
	.men_ul .men_li a {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ben {
		margin-top: .2rem;
		background: #fff;
	}
	
	.ben .ben_top {
		background: none !important;
		position: relative;
		padding: .24rem 0 .26rem;
	}
	
	.ben .ben_top img {
		display: inline-block;
		overflow: hidden;
		width: .3rem;
		height: .3rem;
		margin-left: .2rem;
		vertical-align: top;
	}
	
	.ben .ben_top span {
		display: inline-block;
		margin-left: .08rem;
		height: .44rem;
		position: absolute;
		top: .18rem;
		color: #212121;
		font-size: .32rem;
		line-height: .44rem;
	}
	
	.ben .ben_top a {
		position: absolute;
		top: .36rem;
		right: .32rem;
		position: absolute;
		top: .18rem;
		color: #616161;
		font-size: .24rem;
		line-height: .28rem;
	}
	
	.ben_content {
		padding: 0 .24rem;
		overflow-x: scroll;
		white-space: nowrap;
		list-style: none;
		border-bottom: .2rem solid #ccc;
	}
	
	.ben_content li {
		position: relative;
		display: inline-block;
		padding: .06rem 0 .2rem;
		width: 2rem;
		text-align: -webkit-match-parent;
		white-space: nowrap;
	}
	
	.ben_content li a {
		display: block;
		width: 100%;
		height: 100%;
		color: #00afc7;
		text-decoration: none;
	}
	
	.ben_content li a div:nth-child(1) {
		background: none !important;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		width: .84rem;
		height: .4rem;
		display: block;
	}
	
	.ben_content li a div:nth-child(1) img {
		width: 100%;
		vertical-align: middle;
		border: 0;
		opacity: 1;
	}
	
	.ben_content li a div:nth-child(2) {
		background: none !important;
		overflow: hidden;
		width: 2rem;
		height: 0;
		padding-bottom: 100%;
		display: block;
	}
	
	.ben_content li a div:nth-child(2) img {
		width: 100%;
		vertical-align: middle;
		border: 0;
		opacity: 1;
	}
	
	.ben_content li a div:nth-child(3) {
		margin-top: .12rem;
		color: #212121;
		font-size: .24rem;
		line-height: .32rem;
		text-align: center;
		overflow: hidden;
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
	}
	
	.ben_content li a div:nth-child(4) {
		color: #616161;
		font-size: .24rem;
		line-height: .36rem;
		text-align: center;
		display: block;
	}
	
	.ben_content li a div:nth-child(4) span {
		color: #ff8300;
		font-size: .24rem;
		line-height: .36rem;
		text-align: center;
	}
	
	.ben_content li a div:nth-child(4) span em {
		font-size: .28rem;
	}
	
	.cai{
		    margin-top: .2rem;
		        background: #fff;
		            display: block;
	}
	.cai_title{
		    background: none !important;
		        position: relative;
    padding: .24rem 0 .26rem;
        display: block;
	}
	.cai_content{
		    margin-left: .24rem;
		    list-style: none;
		        margin: 0;
    padding: 0;
        display: block;
	}
	
	.cai_content_li{
		    position: relative;
    overflow: hidden;
    padding: .2rem 0;
        display: list-item;
    text-align: -webkit-match-parent;
	}
	
	.cai_content_li a{
		    display: block;
    width: 100%;
    height: 100%;
    color: #00afc7;
    text-decoration: none;
        outline: 0 none;
            cursor: pointer;
	}
	.cai_content_li a .div1{
		
		    background: none !important;
		        float: left;
    overflow: hidden;
    width: 2rem;
    height: 2rem;
        display: block;
		    
	}
	.cai_content_li a .div1 img{
		
		       opacity: 1;	
		           width: 100%;
		               vertical-align: middle;
		                   border: 0;
	}
	
	.cai_content_li a .div2{
		
		        position: absolute;
    top: .2rem;
    left: 0;
    width: 1.02rem;
    height: .38rem;
    background-size: 100%;
    color: #fff;
    font-size: .2rem;
    line-height: .38rem;
    text-indent: .04rem;
        display: block;
        background-image: url(https://img1.qunarzz.com/piao/fusion/1802/52/b9080e45b69b4f02.png);
		    
	}
	.cai_content_li a .div3{
		
		           overflow: hidden;
    padding-left: .22rem;
        display: block;
		    
	}
	.cai_content_li a .div3 .div3_div1{
		    margin-top: .26rem;
    height: .44rem;
    color: #212121;
    font-size: .32rem;
    line-height: .44rem;
        overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
        display: block;
		        
		    
	}
	.cai_content_li a .div3 .div3_div2{
		
		    margin-top: .14rem;
    height: .34rem;
        display: block;
		        
		    
	}
	
	.cai_content_li a .div3 .div3_div2 span:nth-child(1){
		
		    display: inline-block;
    position: relative;
    width: 1.5rem;
    height: .28rem;
    line-height: .28rem;
    font-size: .28rem;
    letter-spacing: .02rem;
        transform: scale(.83);
            transform-origin: 0 0;
		
	}
	
	.cai_content_li a .div3 .div3_div2 span:nth-child(2){
		    color: #616161;
    font-size: .24rem;
    line-height: .34rem;
    vertical-align: text-bottom;
	}
	
	.cai_content_li a .div3 .div3_div3{
		
		            position: relative;
    margin-top: .22rem;
    color: #616161;
    font-size: .24rem;
    line-height: .4rem;
        display: block;
		    
	}
	
	.cai_content_li a .div3 .div3_div3 span:nth-child(1){
		    color: #ff8300;
		        font-size: .24rem;
    line-height: .4rem;
	}
	
	.cai_content_li a .div3 .div3_div3 span:nth-child(2){
		    position: absolute;
    right: .24rem;
    bottom: 0;
        color: #616161;
    font-size: .24rem;
    line-height: .4rem;
	}
	
	.cai_content_li a .div3 .div3_div4{
		
		    display: inline-block;
    margin-top: .48rem;
    margin-right: .24rem;
    background: #fff9f9;
    padding: .04rem .1rem;
    color: #f55;
    font-size: .24rem;
    line-height: .34rem;
		        
		    
	}
	.cai_content_li a .div3 .div3_div4 div{
		    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
		    
		        
		    
	}
	
	
	
	
	.cai a{
		    display: block;
    padding: .2rem 0;
    color: #00afc7;
    font-size: .28rem;
    line-height: .4rem;
    text-align: center;
        position: relative;
            text-decoration: none;
                outline: 0 none;
                    cursor: pointer;
	}
	.cai_title img{
		    display: inline-block;
    overflow: hidden;
    width: .3rem;
    height: .3rem;
    margin-left: .2rem;
    vertical-align: top;
        opacity: 1;
            border: 0;
	}
	
	.cai_title span{
		    display: inline-block;
    margin-left: .08rem;
    height: .44rem;
    color: #212121;
    position: absolute;
    top: .18rem;
    font-size: .32rem;
    line-height: .44rem;
	}
	
</style>